
<!DOCTYPE html>
<html lang="en">
<include file="Public:header" />
<body>
       





        <!-- Main window -->
        <div class="main_container" id="users_page">

              <div id="home-slider">
<!--   <div class="flexslider">
<ul class="slides">
 -->
<section id="home">     
        <div class="carousel-inner">

               <video  width=100% height="800px" autoplay="autoplay" >   循环自动静音播放
                        <source src="__PUBLIC__/Uploads/video/2.mp4" type="video/webm">
                         </video> 
                    <div class="carousel-caption">
                        <div>
                            <h2>WELCOME TO  约健 </h2>
                          
                          
                        </div>
                    </div>
                 </div>
                </div>
            </div>    
</section>



<script>
  jQuery(function(RMB) {
    var RMBslider = RMB('#home-slider > .flexslider');
    RMBslider.find('.flex-caption').each(function() {
      var RMBthis = RMB(this);
      var configs = {
        left: RMBthis.data('x'),
        top: RMBthis.data('y'),
        speed: RMBthis.data('speed') + 'ms',
        delay: RMBthis.data('start') + 'ms'
      };
      if ( configs.left == 'center' && RMBthis.width() !== 0 ) 
      {
        configs.left = ( RMBslider.width() - RMBthis.width() ) / 2;
      }
      if ( configs.top == 'center' && RMBthis.height() !== 0 ) 
      {
        configs.top = ( RMBslider.height() - RMBthis.height() ) / 2;
      }
      
      RMBthis.data('positions', configs);
      
      RMBthis.css({
        'left': configs.left + 'px',
        'top': configs.top + 'px',
        'animation-duration': configs.speed,
        'animation-delay': configs.delay
      });
    });
    
    RMB(window).on('resize', function() {
      var wW = RMB(window).width(),
        zoom = ( wW >= 1170 ) ? 1 : wW / 1349;
      RMB('.flex-caption.gfc').css('zoom', zoom);
    });
    RMB(window).trigger('resize');
    
    
    
    RMBslider.imagesLoaded(function() {
      RMBslider.flexslider({
        animation: 'slide',
        easing: 'easeInQuad',
        slideshow: false,
        nextText: '<i class="iconfont-angle-right"></i>',
        prevText: '<i class="iconfont-angle-left"></i>',
        start: function() {
          flex_fix_pos(1);
        },
        before: function(slider) {
          // initial caption animation for next show
          RMBslider.find('.slides li .animation-done').each(function() {
            RMB(this).removeClass('animation-done');
            var animation = RMB(this).attr('data-animation');
            RMB(this).removeClass(animation);
          });
          
          flex_fix_pos(slider.animatingTo + 1);
        },
        after: function() {
          // run caption animation
          RMBslider.find('.flex-active-slide .animated').each(function() {
            var animation = RMB(this).attr('data-animation');
            RMB(this).addClass('animation-done').addClass(animation);
          });
        }
      });
    });
    
    
    function flex_fix_pos(i) {
      RMBslider.find('.slides > li:eq(' + i + ') .gfc').each(function() {
        var RMBthis = RMB(this),
          pos = RMB(this).data('positions');
          
        if ( pos.left == 'center' )
        {
          pos.left = ( RMBslider.width() - RMBthis.width() ) / 2;
          RMBthis.css('left', pos.left + 'px');
          RMBthis.data('positions', pos);
        }
        if ( pos.top == 'center' )
        {
          pos.top = ( RMBslider.height() - RMBthis.height() ) / 2;
          RMBthis.css('left', pos.top + 'px');
          RMBthis.data('positions', pos);
        }
      });
    }
  });
</script> 
  </div>

                <!-- /widget-body -->
                </div> <!-- /widget -->
            </div> <!-- /row-fluid -->

        </div>
        <!-- /Main window -->

    </div><!--/.fluid-container-->
</div><!-- wrap ends-->
</body>
</html>
